{{#this}}
  <div data-am-widget="navbar" class="am-navbar am-cf {{#if theme}}am-navbar-{{theme}}{{else}}am-navbar-default{{/if}} {{#if options.iconpos}}am-navbar-{{options.iconpos}}{{/if}}{{#if widgetId}} {{widgetId}}{{/if}}{{#if className}} {{className}}{{/if}}"
      id="{{id}}">
    {{#if content}}
      <ul class="am-navbar-nav am-cf {{#if options.cols}}sm-block-grid-{{options.cols}}{{/if}}">
        {{#each content}}
          <li class="am-navbar-item" {{#if dataApi}}{{dataApi}}{{/if}}>
            <a href="{{#if link}}{{link}}{{/if}}">
              {{#if customIcon}}
                <img src="{{customIcon}}" alt="{{{title}}}"/>
              {{else}}
                {{#if icon}}
                  <span class="am-icon-{{icon}}"></span>
                {{/if}}
              {{/if}}
              {{#if title}}
                {{{title}}}
              {{/if}}
            </a>
          </li>
        {{/each}}
      </ul>
    {{/if}}
  </div>
{{/this}}
